.navbar{
    width: 1170px;  /* 导航栏长度 */
    height: 50px;   /* 导航栏高度 */
}

/*左侧导航栏部分*/
.navbar-left{
    width: 215px;   /* 导航栏左侧长度 */
    padding-left: 5px;  /* 最左侧空出一定间距 */
}
.home-link {
    padding: 9px;   /* 拓展首页标签区域,填充满导航栏 */
}
.home-icon {
    width: 25px;    /* 设置网页Logo宽度 */
    height: auto;   /* 让高度自适应 */
    margin-right: 5px;  /* 网页Logo与标题之间的间距 */
}
.home-span {
    font-size: 24px;    /* 网页标题字体大小 */
}

/*右侧导航栏部分*/
.navbar-right{
    width: 942px;   /* 导航栏右侧长度 */
    padding-right: 8px; /* 右侧空出一定间距 */
}

.navbar-search{
    width: 400px;      /* 搜索的输入框+搜索图标总长度 */
    height: 32px;
    border: 2px solid lightgray;    /* 边框为2px粗,颜色为亮黑色,实线 */
    border-radius: 4px;     /* 让边框的折角圆润些 */
    margin-left: 28px;      /* 搜索框左侧一定程度留白 */
}
.navbar-search-input {
    width: 366px;   /* 搜索的输入框长度 */
    height: 30px;
    border-radius: 2px;
    font-size: 16px;        /* 字体大小设置 */
}
.navbar-search-input::placeholder {
    font-size: 16px;
}
.navbar-search-icon {
    width: 30px;    /* 搜索图标长度 */
}


.navbar-link {
    padding: 9px;   /* 拓展首页标签区域,填充满导航栏 */
}
.navbar-icon {
    width: 25px;    /* 设置网页Logo宽度 */
}
